﻿#nv_material {
  color: white;
  margin: 4rem 0;
  padding: 0 1rem;
  text-shadow: 0 0 2px 0 black; }

#nv-material-finder > input {
  color: white;
  background-color: rgba(200, 200, 200, 0.2); }

.menu-group {
  color: white;
  overflow: hidden;
  padding: 1rem; }
  .menu-group > div {
    display: inline-block;
    width: 100%;
    height: 48rem;
    box-shadow: 1px 3px 5px 0 black, 0 1px 2px white;
    text-align: left;
    background-color: rgba(2, 2, 2, 0.4); }

.mg-title {
  text-align: right;
  font-size: 3.6rem;
  font-weight: bold;
  height: 12rem;
  padding: 4rem 2rem;
  overflow: hidden; }

.mg-purchase {
  box-shadow: 0 0 5px; }
  .mg-purchase > .mg-title {
    background-image: url("/UI/imgs/nv-material-g1.png");
    background-size: cover; }

.mg-sale {
  box-shadow: 0 0 5px; }
  .mg-sale > .mg-title {
    background-image: url("/UI/imgs/nv-material-g2.png");
    background-size: cover; }

.mg-admin {
  box-shadow: 0 0 5px; }
  .mg-admin > .mg-title {
    background-image: url("/UI/imgs/nv-material-g3.png");
    background-size: cover; }

.mg-item {
  padding: 2rem;
  width: 100%;
  transition: transform linear .3s;
  cursor: pointer;
  position: relative;
  height: 9rem; }
  .mg-item > a {
    width: 100%; }
    .mg-item > a > i {
      font-size: 6rem;
      float: left;
      margin-right: 10px; }
  .mg-item:hover {
    background-color: #e3f3f9;
    color: #3caed4;
    transform: scale(1.05); }

#nvm-acntinfo {
  margin-top: 4rem;
  color: white;
  padding: 2rem 1rem 1rem 11rem;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 1px 3px 5px 0 black; }

#nvm-ai-logo {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 2rem;
  left: 1rem; }
